<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1, user-scalable=0, minimal-ui" charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="css/index.css" />
		<link rel="stylesheet" href="css/swiper.css" />
		<link rel="stylesheet" href="css/mint.css">
		<link rel="stylesheet" href="https://unpkg.com/mint-ui/lib/style.css">
		 <script src="js/vue_resource.js"></script>
	</head>
		<script src="js/serverUrl.js"></script>
		<script src="js/vue.js"></script>
		<script src="js/mint.js"></script>
		<script src="js/moment.js"></script>
		<style type="text/css">
			.conclusionContainer{
				display: flex;
				flex-direction: column;
				width: 100vw;
			}
			.conclusionTitle{
				font-size: 15px;
				margin-top: 10px;
				margin-left: 10px;
			}
			.redStar{
				color: red;
			}
			
			.conclusionInput{
				font-size: 12px;
				margin-top: 5px;
				margin-left: 15px;
				margin-right: 15px;
				background-color: #f0f0f0;
				border: 0px;
				padding: 5px;		
			}

		</style>
	<body style="background-color: white;">
		<div id="app">
			<div class="conclusionContainer">
				
				<div class="conclusionTitle"  v-if="trainingClass.trainingType ==1"><span class="redStar">*</span>总结</div>
				<div class="conclusionTitle"  v-if="trainingClass.trainingType ==2"><span class="redStar">*</span>发现本班（站）存在的问题及应采取的措施</div>
				<div class="conclusionTitle"  v-if="trainingClass.trainingType ==3"><span class="redStar">*</span>训练过程</div>
				<textarea style="min-height: 100px;" v-model="trainingClass.conclusion" placeholder="请输入训练过程" class="conclusionInput"></textarea>
				
				
				<div class="conclusionTitle" v-if="trainingClass.trainingType ==2">已制定的安全措施落实情况</div>
				<div class="conclusionTitle" v-if="trainingClass.trainingType ==3">评价</div>
				<textarea style="min-height: 50px;"  v-if="trainingClass.trainingType !=1" v-model="trainingClass.trainingResult" placeholder="请输入训练过程" class="conclusionInput"></textarea>
				
				<div class="gally" style="margin-top: 20px;">
				    <div class="photoConatiner"  v-for="(item,index) in imageList">
				        <img class="image" :style="{'margin-top': (index>2?'6vw':'0px')}"  :src="item" />
				        <img  class="del-image"
				              v-on:click="deleteImage(index)"
				              :style="{'top': (index>2?'6vw':'0px')}"
				              src="img/del_image.png"/>
				    </div>
				    <img v-on:click="getImage()"
				         v-if="imageList.length < 9"
				         :style="{'margin-top': (imageList.length>3?'6vw':'0px')}"
				         class="image"
				         src="img/add_icon.png" />
				    
				</div>
			</div>
		</div>
	</body>
	
	<script type="text/javascript">
		var app = new Vue({
		  el: '#app',
		  data:{
			  trainingClass: {
					conclusion: '',
					trainingResult: ''
		          },
				  imageList: []
		     
		  },
		  mounted() {

		  },
		  methods:{
			  toNewsDetail (dataId){
				alert(dataId)  
			  }
		  }
		})		
		</script>
</html>
